<include file="Base:header" />
<!-- start 正文  -->
<link rel="stylesheet" type="text/css" href="__CSS__/details.css"/>
<link rel="stylesheet" type="text/css" href="__CSS__/jquery.tagsinput.css" />
<link rel="stylesheet" type="text/css" href="__CSS__/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="__CSS__/jquery.autocompleter.css" />

<div class="details_content min_height">
			<ul class="details_label">
				<volist name='top_label' id='vo'>
					<li class="fl">{$vo}</li>
				</volist>
				<div class="clear"></div>		
			</ul>
			<h1 class="details_title">{$detail.title}</h1>
			<p class="details_type">{$detail.summary}</p>
			<div class="fl details_img " >
				<notempty name='detail.media_id'>
					<video src="__UPLOAD__/video/{$detail.media_id}" controls="" width='600'></video>
				</notempty>
				<div id="{$detail[group_id]|default='detial-photos-box'}">
				 
					<volist name='detail.images' id='vo' key='k'>
						<a href="javascript:;" class="{$detail[group_id] ? 'show-group-img' :''}" groupid="{$detail.group_id}" imgageid='{$vo.id}'>
							<img class="" src="{$vo.savepath}" onmousewheel="return bigimg(this)"/>
						</a> 
					</volist>
						
				</div>
			</div>
			<ul class="details_text fl">
				<notempty name='detail.t_xq'>
					<li class="details_text_height">
							<span class="details_text_width fl">人性需求</span> <p class="fl">&nbsp;:&nbsp;</p>
							<span class="fl details_text_rwidth">
								<volist name='detail[t_xq]' id='vo' key='k'>
									<gt name='k' value='1'>&nbsp;>&nbsp;</gt>
									<a href="{:U('search/index',['t_xq'=>$vo[cid]])}" target="_blank">{$vo.name}</a>
								</volist>
							</span>
						<div class="clear"></div>
					</li>
				</notempty>	
				<div class="details_text_height details_more">
					<span class="details_text_width show_more_left fl">消费者洞察</span>
					<span class="fl" style="display: inline-block;">&nbsp;:&nbsp;</span>
					<span class="show_more_right fl"><pre>{$detail.content}</pre></span>
					<div class="clear"></div>
				</div>
				
				
							
				<li class="details_text_height">
					<span class="details_text_width fl">价值诉求</span> <p class="fl">&nbsp;:&nbsp;</p> 
					<span class="fl details_text_rwidth">{$detail.jzsq}</span>
					<div class="clear"></div>
				</li>				
				
				<li class="details_text_height">
					<span class="details_text_width fl">洞察相关度</span> <p class="fl">&nbsp;:&nbsp;</p> 
					<span class="fl details_text_rwidth">
						<div id="star" data-score="{$detail.dcxgd}"></div>
					</span>
					<div class="clear"></div>
				</li>	
				<notempty name='detail.t_hy'>
					<li class="details_text_height">
						<span class="details_text_width fl">行业</span> <p class="fl">&nbsp;:&nbsp;</p>
							<span class="fl details_text_rwidth">
								<volist name='detail[t_hy]' id='vo' key='k'>
									<gt name='k' value='1'>&nbsp;>&nbsp;</gt>
									<a href="{:U('search/index',['t_hy'=>$vo[cid]])}" target="_blank">{$vo.name}</a>
								</volist>
							</span>
						<div class="clear"></div>
					</li>
				</notempty>
				

				<notempty name='detail.brand'>
					<li class="details_text_height"> 
						<span class="details_text_width fl">品牌名</span> <p class="fl">&nbsp;:&nbsp;</p> <span class="fl details_text_rwidth">{$detail.brand}</span>
						<div class="clear"></div>
					</li>
				</notempty>
				<notempty name='detail.product_type'>
					<li class="details_text_height">
						<span class="details_text_width fl">产品名</span> <p class="fl">&nbsp;:&nbsp;</p><span class="fl details_text_rwidth">{$detail.product_type}</span>
						<div class="clear"></div>
					</li>
				</notempty>
				<notempty name='detail.man'>
					<li class="details_text_height">
						<span class="details_text_width fl">企业主</span> <p class="fl">&nbsp;:&nbsp;</p><span class="fl details_text_rwidth">{$detail.man}</span>
						<div class="clear"></div>
					</li>
				</notempty>

<!-- 				<notempty name='detail.t_gj'>
					<li class="details_text_height">
						<span class="details_text_width fl">发布地区</span>  <p class="fl">&nbsp;:&nbsp;</p> <span class="fl details_text_rwidth">{$detail.t_gj}</span>
						<div class="clear"></div>
					</li>
				</notempty> -->
				<notempty name='detail.t_sj'>
					<li class="details_text_height">
						<span class="details_text_width fl">发布时间</span>  <p class="fl">&nbsp;:&nbsp;</p> <span class="fl details_text_rwidth">{$detail.t_sj}</span>
						<div class="clear"></div>
					</li>
				</notempty>
<!-- 				<notempty name='detail.summary'>
					<li class="details_text_height">
						<span class="details_text_width fl">广告语</span>  <p class="fl">&nbsp;:&nbsp;</p> <span class="fl details_text_rwidth">{$detail.summary}</span>
						<div class="clear"></div>
					</li>
				</notempty> -->
				<notempty name='detail.keywords'>
					<li class="details_text_height">
						<span class="details_text_width fl">标签</span>
						<p class="fl">&nbsp;:&nbsp;</p>
						<volist name='keywords' id='vo'>
							<a href="{:U('search/index',['keywords'=>$vo])}" class="fl text_color" style='margin-right: 7px;' target="_blank">#{$vo}</a>
						</volist>
						<div class="clear"></div>
					</li>
				</notempty>
				<notempty name='detail.description'>
					<div class="details_text_height details_more">
						<span class="details_text_width show_more_left fl">描述</span>
						<span class="fl" style="display: inline-block;">&nbsp;:&nbsp;</span>
						<span class="show_more_right fl" style='height: 30px;'><pre>{$detail.description}</pre></span>
						<span class="fl details_right_more_btn other_morebtn"><img src="__IMG__/details_leftarrow.jpg"></span>
						<div class="clear"></div>
					</div>
					
				</notempty>
				<li class="details_text_height">
					<a href="javascript:;" class="details_more_btn">其他 <img src="__IMG__/details_bottomarrow.jpg" alt="" /></a>
				</li>
				<div class="details_text_hide">
					<notempty name='detail.agency'>
						<li  class="details_text_height">
							<span class="details_text_width fl">代理公司</span> <p class="fl">&nbsp;:&nbsp;</p><span class="fl details_text_rwidth">{$detail.agency}</span>
							<div class="clear"></div>
						</li>
					</notempty>				

					<notempty name='detail.new_idea'>
						<div class="details_text_height details_more">
							<span class="details_text_width show_more_left fl">创意</span>
							<span class="fl" style="display: inline-block;">&nbsp;:&nbsp;</span>
							<span class="show_more_right fl">{$detail.new_idea}</span>
							<div class="clear"></div>
						</div>
					</notempty>
					<notempty name='detail.new_word'>
						<div class="details_text_height details_more">
							<span class="details_text_width show_more_left fl">文案</span>
							<span class="fl" style="display: inline-block;">&nbsp;:&nbsp;</span>
							<span class="show_more_right fl">{$detail.new_word}</span>
							<div class="clear"></div>
						</div>
					</notempty>
					<notempty name='detail.new_other'>
						<div class="details_text_height details_more other">
							<span class="details_text_width show_more_left fl">执行人员</span>
							<span class="fl" style="display: inline-block;">&nbsp;:&nbsp;</span>
							<span class="show_more_right fl"><pre>{$detail.new_other}</pre></span>
							<div class="clear"></div>
						</div>
					</notempty>
					<notempty name='detail.awards'>
						<div class="details_text_height details_more other">
							<span class="details_text_width show_more_left fl">奖项</span>
							<span class="fl" style="display: inline-block;">&nbsp;:&nbsp;</span>
							<span class="show_more_right fl"><pre>{$detail['awards']}</pre></span>
							<div class="clear"></div>
						</div>
					</notempty>
					<notempty name='detail.agency'>
						<li  class="details_text_height">
							<span class="details_text_width fl">制作公司</span> <p class="fl">&nbsp;:&nbsp;</p><span class="fl details_text_rwidth">{$detail.production_company}</span>
							<div class="clear"></div>
						</li>
					</notempty>							
					<notempty name='detail.agency'>
						<li  class="details_text_height">
							<span class="details_text_width fl">导演</span> <p class="fl">&nbsp;:&nbsp;</p><span class="fl details_text_rwidth">{$detail.director}</span>
							<div class="clear"></div>
						</li>
					</notempty>							
					
					<div class="details_text_height">
						<a href="javascript:;" class="details_stop_btn">收起 <img src="__IMG__/details_toparrow.jpg" alt="" /></a>
					</div>
				</div>
			</ul>
			<div class="clear"></div>
			<div class="details_score">
				<ul>
					<li class="fl"><img class="fl" src="__IMG__/comment_logo.jpg" style="margin-top: 5px;"/><span>{$detail.comment}</span></li>
					<li class="fl like"><img class="fl" src='__IMG__/{$user[like] ? "like_logo" : "like_logo_grey"}.jpg' id='btn_like' /><span>{$detail.likes}</span></li>
					<!-- 收藏 -->
					<li class="fl favorite">
						<div class="favorite_btn" id='btn_collect'>
							<eq name='user.isFavorite' value='true'>
								<img class='fl' src='__IMG__/favorite_logo_focus.jpg' style='margin-top: 1px;'/>已收藏
								<else />
								<img class="fl" src="__IMG__/favorite_logo.jpg" style="margin-right: 5px;"/>收藏
							</eq>
						</div>
						<div class="favorite_content" id='favorite_content'>
							<p>为收藏的作品添加标签吧！</p>
							<form class="favorite_input" id='favorite-form'>
								<input id="tags_1" type="text" class="tags" value="" name='label' />
								<input type="hidden" value="{$detail.id}" name='proid' />
								<input type="hidden" value="{$user.label}" name='oldlabel' />
							</form>
							<p class="limit fl"><img class="fl" src="__IMG__/favorite_limitlogo.jpg"/> 仅限12个字符，最多两个标签 !</p>
							<button type='button' class="fr favorite_submit" id='favorite-submit' >保存</button>
							<div class="clear"></div>
						</div>
					</li>
					<!-- 评分 -->
					<li class="fr score_submit">
						<span class="xin fl"></span>
						<span class="xin fl"></span>
						<span class="xin fl"></span>
						<span class="xin fl"></span>
						<span class="xin fl"></span>
						<span class="fl score_text"><b>0</b>分</span>
						<a href="javascript:;" class="fl score_submit_btn" id='score_submit'>发表评分</a>
					</li>
					<div class="clear"></div>
				</ul>
			</div>
			<!-- 评论 -->
			<div class="details_comment">
				<form action="" method="post" >
					<textarea id="details_comment_toptextarea" class="fl" name="content" rows="" cols="" placeholder="你认为这个作品的需求和洞察是什么呢？请和我们分享吧！"></textarea>
					<input class="comment_sumbit fl" type="button" id='comment-submit' value="发表想法"/>
				</form>
				<ul class="comment_ul" id='comment_ul'>
					<php>$default = "__IMG__/comment_touxiang.jpg";</php>
					<volist name='comment' id='vo'>
					
						<li>
							<div class="comment_touxiang fl" style="background: url({$vo[avatar] ? $vo[avatar] : $default}) no-repeat center;background-size: 100% 100%;"></div>
							<div class="comment_text">
								<p class="fl comment_content">
									<span class="name">{$vo.nickname}</span><span style="margin-right: 10px;">&nbsp;:</span><span class="max_width">{$vo.content}</span>
								</p>
								<empty name='vo.child'>
									<a href="javascript:;" class="fl reply_btn" touid='{$vo.uid}' pid='{$vo.id}' >回复</a>
								</empty>
								<div class="clear"></div>
								<p class="comment_time"><span class="date">{$vo.created_time}</span></p>
							</div>
							<notempty name='vo.child'>
								<php>$child = current($vo[child])</php>
								<volist name='vo.child' id='child'>
									<div class="reply">
										<div class="reply_touxiang fl" style="background: url({$child[avatar] ? $child[avatar] : $default}) no-repeat center; background-size: 100% 100%;"></div>
										<div class="fl reply_text">
											<p class="fl reply_content"><span class="name" style="margin-right: 10px;">{$child.nickname}</span>回复<span class="name name_mar">{$child.to_nickname}</span><span style="margin-right: 10px;">&nbsp;:</span>
											{$child.content}</p>
											<div class="clear"></div>
											<p class="comment_time"><span class="date">{$child.created_time}</span></p>
										</div>
										<div class="clear"></div>
									</div>
								</volist>
							</notempty>
						</li>
					</volist>

				</ul>
				<a href="javascript:;" id="c_more">点击更多</a>
			</div>
			<if condition='($list.group neq "") OR ($list.brand neq "") OR (($list.agency neq "")) '>
				<h1 class="related_title">相关作品</h1>
			</if>
			<div class="related_case">
				<neq name='list.group' value=''>
					<p class="more_left"></p>
					<p class="more_right"></p>
					<h2 class="case_title">系列相关</h2>
					<div class="series_case">
						<ul class="case_swiper series_case_ul">
							<volist name='list.group' id='vo'>
								<include file='index:_list' vo='$vo' />
							</volist>
						</ul>
					</div>
				</neq>

				<neq name='list.brand' value=''>
					<h2 class="case_title">品牌相关</h2>
					<div class="series_case">
						<ul class="series_case_ul mar_none">
							<volist name='list.brand' id='vo'>
								<include file='index:_list' vo='$vo' />
							</volist>
						</ul>
					</div>
				</neq>
				<neq name='list.agency' value=''>
					<h2 class="case_title">代理公司相关</h2>
					<div class="series_case">
						<ul class="series_case_ul mar_none">
							<volist name='list.agency' id='vo'>
								<include file='index:_list' vo='$vo' />
							</volist>
						</ul>
					</div>
				</neq>
			</div>
		</div>

<!-- end 正文 -->
<include file="Base:footer" />

<script type="text/javascript" src="__JS__/jquery.tagsinput.js"></script>
<script type="text/javascript" src="__JS__/jquery.raty.min.js"></script>
<script type='text/javascript' src='__JS__/jquery-ui.min.js'></script>
<script>
//星级评分插件
$('#star').raty({
	path: '__JS__/raty/',
	readOnly:true,
	number: 3,
	  score: function() {
	    return $(this).attr('data-score');
	  }

});



//全局函数，作品编号
var _proid = "{$detail.id}";
var _userInfo_name = "{$userInfo.name}";
var _userInfo_avatar = "{$userInfo.avatar|default='__IMG__/comment_touxiang.jpg'}";
var _url_label = "{:U('index/userLabel')}";//标签提交
var _url_comment = "{:U('index/doComment')}";//评论提交
var _url_favorite = "{:U('Index/doFavorite')}";//收藏提交
var _url_like = "{:U('index/dolike')}";//点赞提交
var _url_score = "{:U('index/doScore')}";//评分提交
var _url_comment_more = "{:U('index/moreComment')}";//评分提交
var _url_groupimg = "{:U('index/groupImg')}";//获取系列作品图片

var GV_IMG = "__IMG__";
var _user_score ="{$user.score}";
var _user_label = "{$user.label}";
var _user_isFavorite = "{$user.isFavorite}";

</script>
<script type="text/javascript" src='__JS__/detail.js?v=2'></script>
<div id="YOUDAO_SELECTOR_WRAPPER" style="display:none; margin:0; border:0; padding:0; width:320px; height:240px;"></div>
<script type="text/javascript" src="http://fanyi.youdao.com/openapi.do?keyfrom=creativegallery&key=1242420419&type=selector&version=1.2&translate=on" charset="utf-8"></script>
</body>

</html>